Frontend Payment Request API: Sujuvoitettu maksujenkäsittely globaalille yleisölle

Nykypäivän globaalissa verkkokauppaympäristössä saumattoman ja turvallisen maksukokemuksen tarjoaminen on ratkaisevan tärkeää asiakkaiden houkuttelemiseksi ja sitouttamiseksi. Payment Request API (PR API) tarjoaa standardoidun tavan käsitellä maksuja suoraan selaimessa, mikä yksinkertaistaa kassaprosessia ja parantaa turvallisuutta. Tässä blogikirjoituksessa tutustumme Payment Request API:in yksityiskohtaisesti, käsittelemme sen hyötyjä, käyttöönottoa ja parhaita käytäntöjä globaalille yleisölle.

Mikä on Payment Request API?

Payment Request API on verkkostandardi, jonka avulla kauppiaat voivat pyytää ja vastaanottaa maksutietoja suoraan käyttäjän selaimesta tai mobiililaitteesta. Se toimii välittäjänä kauppiaan verkkosivuston ja käyttäjän suosimien maksutapojen, kuten selaimeen tallennettujen luottokorttien, digitaalisten lompakoiden kuten Google Payn tai Apple Payn, ja jopa pankkisiirtojen välillä.

Sen sijaan, että luotettaisiin perinteisiin kassalomakkeisiin, jotka vaativat käyttäjiä syöttämään maksu- ja toimitustietonsa manuaalisesti, PR API esittää standardoidun maksunäkymän suoraan selaimessa. Tämä näkymä kokoaa yhteen käyttäjän jo tallentamat maksutavat, jolloin he voivat valita haluamansa tavan ja vahvistaa maksutapahtuman yhdellä napsautuksella tai napautuksella.

Payment Request API:n käytön hyödyt

Payment Request API tarjoaa useita merkittäviä etuja sekä kauppiaille että asiakkaille:

1. Paremmat konversioprosentit

Sujuvoittamalla kassaprosessia ja minimoimalla ostoksen loppuun saattamiseen vaadittavien vaiheiden määrän PR API voi parantaa konversioprosentteja merkittävästi. Standardoitu maksunäkymä tarjoaa käyttäjille johdonmukaisen ja tutun kokemuksen, mikä vähentää kitkaa ja kannustaa heitä viemään maksutapahtumansa loppuun.

Esimerkiksi Googlen tekemä tutkimus osoitti, että Payment Request API:a käyttävillä verkkosivustoilla konversioprosentit nousivat 12 % verrattuna perinteisiä kassaprosesseja käyttäviin sivustoihin.

2. Parannettu turvallisuus

Payment Request API parantaa turvallisuutta vähentämällä kauppiaan altistumista arkaluontoisille maksutiedoille. Sen sijaan, että kauppiaat keräisivät ja tallentaisivat luottokorttitietoja suoraan, he saavat maksujen tarjoajalta tokenisoidun maksuvaltuutuksen. Tämä token edustaa asiakkaan maksutietoja paljastamatta varsinaista korttinumeroa tai muita arkaluontoisia tietoja.

Tämä tokenisointiprosessi vähentää tietomurtojen ja petosten riskiä, sillä kauppiaiden ei enää tarvitse huolehtia arkaluontoisten maksutietojen tallentamisesta ja suojaamisesta omilla palvelimillaan.

3. Vähemmän ostoskorin hylkäyksiä

Pitkä ja monimutkainen kassaprosessi on merkittävä syy ostoskorin hylkäämiseen. Yksinkertaistamalla kassakokemusta ja vähentämällä käyttäjältä vaadittavien tietojen määrää PR API voi auttaa vähentämään ostoskorien hylkäämisprosenttia.

PR API:n tarjoamat esitäytetyt maksu- ja toimitustiedot poistavat tarpeen syöttää tietoja manuaalisesti, mikä säästää käyttäjien aikaa ja vaivaa ja tekee ostoksen loppuun saattamisesta todennäköisempää.

4. Mobiiliystävällinen kokemus

Payment Request API on suunniteltu toimimaan saumattomasti mobiililaitteilla, tarjoten mobiilikäyttäjille johdonmukaisen ja optimoidun kassakokemuksen. Maksunäkymä mukautuu käyttäjän näytön kokoon ja laitteeseen, mikä tekee ostosten tekemisestä helppoa myös liikkeellä ollessa.

Mobiilikaupan suosion kasvaessa mobiiliystävällisen maksukokemuksen tarjoaminen on välttämätöntä laajemman yleisön tavoittamiseksi ja myynnin maksimoimiseksi.

5. Globaali kattavuus

Payment Request API tukee useita eri maksutapoja ja valuuttoja, mikä tekee siitä sopivan käytettäväksi globaalissa verkkokauppaympäristössä. Se voidaan integroida erilaisiin maksuyhdyskäytäviin ja -prosessoreihin tukemaan eri alueiden asiakkaiden suosimia maksutapoja.

Esimerkiksi joissakin maissa pankkisiirrot tai paikalliset maksutavat ovat suositumpia kuin luottokortit. PR API voidaan määrittää tukemaan näitä vaihtoehtoisia maksutapoja, jolloin kauppiaat voivat palvella eri markkinoiden asiakkaiden mieltymyksiä.

Payment Request API:n käyttöönotto

Payment Request API:n käyttöönotto sisältää muutaman avainvaiheen:

1. Tarkista selaintuki

Ennen Payment Request API:n käyttöönottoa on tärkeää tarkistaa, tukeeko käyttäjän selain sitä. Voit tehdä tämän seuraavalla JavaScript-koodilla:

            if (window.PaymentRequest) {
  // Payment Request API is supported
} else {
  // Payment Request API is not supported
}
            

              
                Copy
              
            
          

2. Määritä maksun tiedot

Seuraava vaihe on määrittää maksun tiedot, mukaan lukien kokonaissumma, valuutta ja tuetut maksutavat. Nämä tiedot välitetään PaymentRequest-konstruktorille.

            const supportedPaymentMethods = [
  {
    supportedMethods: ['basic-card', 'https://android.com/pay', 'https://apple.com/apple-pay'],
    data: {
      supportedNetworks: ['visa', 'mastercard', 'amex'],
      countryCode: 'US',
    },
  },
];

const paymentDetails = {
  total: {
    label: 'Total',
    amount: {
      currency: 'USD',
      value: '10.00',
    },
  },
};

const paymentOptions = {
  requestPayerName: true,
  requestPayerEmail: true,
  requestPayerPhone: true,
  requestShipping: true,
};

            

              
                Copy
              
            
          

Tässä esimerkissä tuemme tavallisia luottokortteja, Google Payta ja Apple Payta. Pyydämme myös maksajan nimeä, sähköpostiosoitetta, puhelinnumeroa ja toimitusosoitetta.

3. Luo PaymentRequest-olio

Kun olet määrittänyt maksun tiedot ja asetukset, voit luoda PaymentRequest-olion:

            const paymentRequest = new PaymentRequest(supportedPaymentMethods, paymentDetails, paymentOptions);
            

              
                Copy
              
            
          

4. Näytä maksunäkymä

Näyttääksesi maksunäkymän käyttäjälle, kutsu show()-metodia PaymentRequest-oliolla:

            paymentRequest.show()
  .then(paymentResponse => {
    // Handle the payment response
    console.log(paymentResponse);
    return paymentResponse.complete('success');
  })
  .catch(error => {
    // Handle the error
    console.error(error);
  });
            

              
                Copy
              
            
          

show()-metodi palauttaa Promisen, joka ratkeaa PaymentResponse-olioon, joka sisältää käyttäjän antamat maksutiedot. Voit sitten käyttää näitä tietoja maksun käsittelyyn maksuyhdyskäytäväsi tai -prosessoriisi kanssa.

PaymentResponse-olion complete()-metodia tulee kutsua ilmoittamaan, onnistuiko maksu vai ei. Arvon 'success' välittäminen complete()-metodille sulkee maksunäkymän ja osoittaa maksun onnistuneen. Arvon 'fail' välittäminen osoittaa maksun epäonnistuneen.

5. Käsittele maksuvastaus

PaymentResponse-olio sisältää seuraavat tiedot:

• payerName: Maksajan nimi.
• payerEmail: Maksajan sähköpostiosoite.
• payerPhone: Maksajan puhelinnumero.
• shippingAddress: Maksajan toimitusosoite.
• methodName: Käytetty maksutapa.
• details: Maksun tiedot, kuten kortin numero tai token.

Voit käyttää näitä tietoja maksun käsittelyyn maksuyhdyskäytäväsi tai -prosessoriisi kanssa. Maksun käsittelyyn liittyvät tarkat vaiheet vaihtelevat käyttämäsi maksuyhdyskäytävän tai -prosessorin mukaan.

Payment Request API:n käytön parhaat käytännöt

Varmistaaksesi sujuvan ja turvallisen maksukokemuksen asiakkaillesi, noudata näitä parhaita käytäntöjä käyttäessäsi Payment Request API:a:

1. Tarjoa selkeää ja ytimekästä tietoa

Tarjoa selkeää ja ytimekästä tietoa ostettavista tuotteista tai palveluista sekä maksettavasta kokonaissummasta. Tämä auttaa välttämään sekaannuksia ja varmistaa, että asiakkaat ymmärtävät, mistä he maksavat.

2. Tue useita maksutapoja

Tue erilaisia maksutapoja palvellaksesi eri alueiden asiakkaiden mieltymyksiä. Näitä voivat olla luottokortit, digitaaliset lompakot, pankkisiirrot ja paikalliset maksutavat.

3. Varmista turvallinen yhteys

Käytä aina turvallista yhteyttä (HTTPS) maksuja käsitellessäsi. Tämä auttaa suojaamaan arkaluontoisia maksutietoja luvattomilta osapuolilta.

4. Käsittele virheet asianmukaisesti

Käsittele virheet asianmukaisesti ja anna käyttäjälle informatiivisia virheilmoituksia. Tämä auttaa ehkäisemään turhautumista ja varmistaa, että asiakkaat voivat onnistuneesti saattaa ostoksensa päätökseen.

5. Testaa perusteellisesti

Testaa Payment Request API -toteutuksesi perusteellisesti varmistaaksesi, että se toimii oikein. Tämä sisältää erilaisten maksutapojen, selainten ja laitteiden testaamisen.

Globaalit huomiot Payment Request API -toteutuksessa

Kun toteutat Payment Request API:a globaalille yleisölle, ota huomioon seuraavat seikat:

1. Valuuttatuki

Varmista, että maksuyhdyskäytäväsi ja Payment Request API on määritetty tukemaan asiakkaidesi käyttämiä valuuttoja. Näytä hinnat asiakkaan paikallisessa valuutassa sekaannusten välttämiseksi.

Esimerkiksi eurooppalainen asiakas saattaa haluta maksaa euroissa (EUR), kun taas japanilainen asiakas saattaa haluta maksaa Japanin jeneissä (JPY).

2. Lokalisointi

Lokalisoi maksunäkymä ja kaikki siihen liittyvät viestit asiakkaan kielelle. Tämä parantaa käyttökokemusta ja helpottaa asiakkaiden ostosten loppuun saattamista.

3. Maksutapojen mieltymykset

Ole tietoinen maksutapojen mieltymyksistä eri alueilla. Joissakin maissa luottokortit ovat hallitseva maksutapa, kun taas toisissa vaihtoehtoiset maksutavat, kuten pankkisiirrot tai digitaaliset lompakot, ovat suositumpia.

Esimerkiksi Saksassa suoraveloitus (SEPA Direct Debit) on yleisesti käytetty maksutapa.

4. Säännösten noudattaminen

Noudata kaikkia sovellettavia maksujenkäsittelyyn liittyviä säännöksiä maissa, joissa harjoitat liiketoimintaa. Tähän voi sisältyä tietosuojaan, kuluttajansuojaan ja petostentorjuntaan liittyviä säännöksiä.

Esimerkiksi Euroopan unionin yleinen tietosuoja-asetus (GDPR) asettaa tiukat vaatimukset henkilötietojen, mukaan lukien maksutietojen, käsittelylle.

5. Toimitus- ja verolaskelmat

Laske toimituskulut ja verot tarkasti asiakkaan sijainnin perusteella. Tarjoa selkeää ja läpinäkyvää tietoa näistä maksuista ennen kuin asiakas viimeistelee ostoksensa.

Esimerkkejä yrityksistä, jotka käyttävät Payment Request API:a

Useat yritykset ovat jo ottaneet käyttöön Payment Request API:n sujuvoittaakseen kassaprosessejaan ja parantaakseen asiakaskokemusta. Tässä on muutama esimerkki:

• Alibaba: Maailman suurin verkkokauppias käyttää Payment Request API:a yksinkertaistaakseen asiakkaidensa kassaprosessia.
• eBay: Verkkohuutokauppa- ja verkkokauppa-alusta on integroinut Payment Request API:n tarjotakseen saumattoman maksukokemuksen käyttäjilleen.
• Shopify: Verkkokauppa-alusta Shopify tukee Payment Request API:a, mikä antaa sen kauppiaille mahdollisuuden tarjota asiakkailleen sujuvan kassaprosessin.

Payment Request API:n tulevaisuus

Payment Request API kehittyy jatkuvasti, ja siihen lisätään säännöllisesti uusia ominaisuuksia ja parannuksia. Mahdollisia tulevia kehityssuuntia ovat muun muassa:

• Laajennettu maksutapojen tuki: API:a voidaan laajentaa tukemaan uusia maksutapoja, kuten kryptovaluuttoja ja lohkoketjupohjaisia maksuja.
• Parannettu turvallisuus: Uusia turvallisuusominaisuuksia voidaan lisätä suojaamaan arkaluontoisia maksutietoja entisestään.
• Parannettu integraatio muihin verkkoteknologioihin: API voidaan integroida muihin verkkoteknologioihin, kuten Web Authentication (WebAuthn), tarjotakseen turvallisemman ja käyttäjäystävällisemmän todennuskokemuksen.

Yhteenveto

Payment Request API on tehokas työkalu, joka voi auttaa kauppiaita sujuvoittamaan maksujenkäsittelyä, parantamaan konversioprosentteja ja lisäämään turvallisuutta. Tarjoamalla standardoidun ja yksinkertaistetun kassakokemuksen PR API voi parantaa merkittävästi asiakaskokemusta ja kasvattaa myyntiä.

Noudattamalla tässä blogikirjoituksessa esitettyjä parhaita käytäntöjä ja ottamalla huomioon globaalit toteutusnäkökohdat, voit onnistuneesti integroida Payment Request API:n verkkokauppasivustollesi ja tarjota saumattoman ja turvallisen maksukokemuksen asiakkaillesi maailmanlaajuisesti. Ota tämä teknologia käyttöön pysyäksesi kilpailukykyisenä globaaleilla verkkokauppamarkkinoilla ja tarjotaksesi ylivoimaisen kokemuksen asiakkaillesi, olivatpa he missä tahansa.